<!doctype html>
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="viewport-fit=cover,width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link href="../../../css/mui.min.css" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" href="../../../css/reset.css" />
	<link rel="stylesheet" type="text/css" href="../../../css/style.css" />
	<style type="text/css">
	.marquee-box{overflow:hidden;width:100%;position:absolute;left:0;top:0}
	.marquee{width:8000%;height:60px}
	.wave-list-box{float:left}
	.wave-list-box ul{float:left;height:60px;overflow:hidden;zoom:1}
	.wave-list-box ul li{height:60px;width:100%;float:left;line-height:30px;list-style:none}
	.wave-box{position:absolute; left: 0; right: 0;/* bottom: 0;*/ top: 180px; height:60px; z-index: 9;}
	</style>
</head>

<body>
	<div class="wave-box">
		<div class="marquee-box marquee-up" id="marquee-box">
			<div class="marquee">
				<div class="wave-list-box" id="wave-list-box1">
					<ul>
						<li><img height="60" alt="波浪" src="../../../images/wave_02.png"></li>
					</ul>
				</div>
				<div class="wave-list-box" id="wave-list-box2">
					<ul>
						<li><img height="60" alt="波浪" src="../../../images/wave_02.png"></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="marquee-box" id="marquee-box3">
			<div class="marquee">
				<div class="wave-list-box" id="wave-list-box4">
					<ul>
						<li><img height="60" alt="波浪" src="../../../images/wave_01.png"></li>
					</ul>
				</div>
				<div class="wave-list-box" id="wave-list-box5">
					<ul>
						<li><img height="60" alt="波浪" src="../../../images/wave_01.png"></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<header class="mui-bar mui-bar-nav mui-bar-transparent bxn">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	</header>
	
	<div class="mui-content" style="margin-top: -44px;" id="refreshContainer">
		
		<div id="data_box">
			<div class="tk_top">
				<div class="tk_data">
					<ul>
						<li>
							<h4>{{orther.zt_count}}题</h4>
							<p>做题总数</p>
						</li>
						<li>
							<h4>{{orther.wc_count}}次</h4>
							<p>完成练习</p>
						</li>
						<em class="sepLine"></em>
					</ul>
				</div>
				
			</div>

			<div class="tk_columns">
				<ul>
					<li class="taoti" @click="open_taoti">
						<a>
							<p><img src="../../../images/icon_ttyl.png" /></p>
							<p>套题演练</p>
						</a>
					</li>
					<li class="history" @click="open_lishi">
						<a>
							<p><img src="../../../images/icon_history.png" /></p>
							<p>练习历史</p>
						</a>
					</li>
					<li class="wrongCollection" @click="open_cuoti">
						<a>
							<p><img src="../../../images/icon_sch.png" /></p>
							<p>错题收藏</p>
						</a>
					</li>
					<!--<li class="exercisesNote" @click="open_notes">
                            <a>
                                <p><img src="../../../images/icon_xtlx.png" /></p>
                                <p>习题笔记</p>
                            </a>
                        </li>-->
				</ul>
			</div>
			<div class="fengeLine2"></div>

			<div class="exercises mui-scroll-wrapper">
				<div class="mui-scroll">
					<div class="exercises_nr">
						<div class="exercises_item">
							<div class="exercises_tt" @click="toggle2()">
								<h3>主观题</h3>
								<span class="downArray"><img src="../../../images/downArray.png" /></span>
							</div>
							<div class="mui-table-view exercises_list toggle2" v-for="val in zhuguan_lists" @click="open_brushing_zg(val.id)">
								<div class="mui-table-view-cell tkList">
									<h4>{{val.name}}</h4>
									<p>
										<span>{{val.already_answer}}/{{val.all_answer}}</span>
										<!--<em class="jg_line"></em>
										<em><img src="../../../images/icon_edit.png" /></em>-->
									</p>
								</div>
							</div>
						</div>
						<div class="fengeLine2"></div>
						<div class="exercises_item">
							<div class="exercises_tt" @click="toggle1()">
								<h3>客观题</h3>
								<span class="downArray"><img src="../../../images/downArray.png" /></span>
							</div>
							<div class="mui-table-view exercises_list toggle1" v-for="val in keguan_lists" @click="open_brushing_kg(val.id)">
								<div class="mui-table-view-cell tkList">
									<h4>{{val.name}}</h4>
									<p>
										<span>{{val.already_answer}}/{{val.all_answer}}</span>
										<!--<em class="jg_line"></em>
										<img src="../../../images/icon_edit.png" />-->
									</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

	</div>
	<script src="../../../js/mui.min.js"></script>
	<script type="text/javascript" src="../../../js/h.min.js"></script>
	<script src="../../../js/jquery.min.js"></script>
	<script type="text/javascript" src="../../../js/tpl/questionBank.js"></script>
	<script src="../../../js/vue.js"></script>
	<script src="../../../js/public.js"></script>
	<script type="text/javascript">
	//波浪动画
	$(function () {
		var marqueeScroll = function (id1, id2, id3, timer) {
			var $parent = $("#" + id1);
			var $goal = $("#" + id2);
			var $closegoal = $("#" + id3);
			$closegoal.html($goal.html());
			function Marquee() {
				if (parseInt($parent.scrollLeft()) - $closegoal.width() >= 0) {
					$parent.scrollLeft(parseInt($parent.scrollLeft()) - $goal.width());
				}
				else {
					$parent.scrollLeft($parent.scrollLeft() + 1);
				}
			}
	
			setInterval(Marquee, timer);
		}
		var marqueeScroll1 = new marqueeScroll("marquee-box", "wave-list-box1", "wave-list-box2", 30);
		var marqueeScroll2 = new marqueeScroll("marquee-box3", "wave-list-box4", "wave-list-box5", 60);
	});

	</script>
</body>

</html>